<template>
<p>通过一个小红点标记来告知用户有新内容。</p>
<div text="sm" m="y-4" data-v-72294632=""><p>使用 <code>is-dot</code> 属性。 是个布尔值。</p>
</div>
  <el-badge is-dot class="item">query</el-badge>
  <el-badge is-dot class="item">
    <el-button class="share-button" :icon="Share" type="primary" />
  </el-badge>
</template>

<script lang="ts" setup>
import { Share } from '@element-plus/icons-vue'
</script>

<style scoped>
.item {
  margin-top: 10px;
  margin-right: 40px;
}
</style>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>